<extend name="Layout/base" />

<block name="title">-{$fundInfo.title}</block>

<block name="main">
    <style>
        .text-left{text-align:left !important;}
        .fund_buy_btn{font-size:18px;}
         .bread_nav  .bread_nav_item{
            color:black;
        }
        .bread_nav .current{
            color:#926d4d !important;
        }
        .news_detail_pre{
            white-space: pre-wrap;white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap;word-wrap:
            break-word;font-family: 微软雅黑 ;
        }
        .box-article .box-body > .article-txt > p{
            text-indent:0em;
        }
    </style>
    <div class="section section-shop">
            <div class="container">
                    <div class='bread_nav' style="padding:10px 0 30px;">
                        <a href='/' class='bread_nav_item'>首页</a>->
                        <a href="{:U('/fund')}" class='bread_nav_item'>基金超市</a>->
                        <a href="{:U('/fund_'.$fundInfo['code'])}" class='current'>{$fundInfo.title}</a>
                    </div>
                    <div class="box box-solid">
                            <div class="box-header">
                                <div class="box-title"><font class="mark mark-default">{$fundInfo.fundType}</font>{$fundInfo.title}（{$fundInfo.securityCode}）</div>
                                <div class="after">{$fundInfo.nvXgrqStr}</div>
                            </div>
                            <div class="box-body">
                                    <div class="row font-lg">
                                            <div class="col-3"><strong>成立日期：</strong>{$fundInfo.establishTimeStr}</div>
                                            <div class="col-4"><strong>基金管理人：</strong>{$fundInfo.InvestAdvisor}</div>
                                            <div class="col-2"><strong>基金规模：</strong>{$fundInfo.fundSize}亿份</div>
                                            <div class="col-3"><strong>基金经理：</strong>{$fundInfo.manager|default='--'}</div>
                                    </div>
                            </div>
                    </div>

                    <div class="row mt20">
                            <div class='col-7'>
                                    <div class="box box-tab" id="fund-perf">
                                        <?php if($fundInfo['isCurrency']):?>
                                            <div class="box-header">
                                                    <ul class="nav-tab tab2">
                                                            <a href="#" class="active font-lger JS-fund-netvalue-tab">累计收益率</a>
                                                            <a href="#" class="font-lger  JS-fund-netvalue-tab">七日年化收益率</a>
                                                            <a href="#" class="font-lger  JS-fund-netvalue-tab">万份收益</a>
                                                            <div class="tab-tool JS-fund-netvalue-select-accu">
                                                                    <select class="select">
                                                                            <option value='1'>1个月</option>
                                                                            <option value='3'>3个月</option>
                                                                            <option value='6'>半年</option>
                                                                            <option value='12'>一年</option>
                                                                    </select>
                                                            </div>
                                                            <div class="tab-tool JS-fund-netvalue-select-week" style="display:none;">
                                                                    <select class="select">
                                                                            <option value='1'>1个月</option>
                                                                            <option value='3'>3个月</option>
                                                                            <option value='6'>半年</option>
                                                                            <option value='12'>一年</option>
                                                                    </select>
                                                            </div>
                                                            <div class="tab-tool JS-fund-netvalue-select-profit" style="display:none;">
                                                                    <select class="select">
                                                                            <option value='1'>1个月</option>
                                                                            <option value='3'>3个月</option>
                                                                            <option value='6'>半年</option>
                                                                            <option value='12'>一年</option>
                                                                    </select>
                                                            </div>
                                                    </ul>
                                            </div>
                                            <div class="box-body">
                                                    <div class="swiper-container swiper-tab">
                                                            <div class="swiper-wrapper">
                                                                    <div class="swiper-slide first-child">
                                                                            <div id="chart1" style="min-height: 280px;"></div>
                                                                    </div>
                                                                    <div class="swiper-slide">
                                                                            <div id="chart3" style="min-height: 280px;"></div>
                                                                    </div>
                                                                    <div class="swiper-slide">
                                                                            <div id="chart5" style="min-height: 280px;"></div>
                                                                    </div>
                                                            </div>
                                                    </div>

                                            </div>
                                        <?php else:?>
                                            <div class="box-header">
                                                    <ul class="nav-tab tab2">
                                                            <a href="#" class="active font-lger JS-fund-netvalue-tab">净值走势</a>
                                                            <a href="#" class="font-lger  JS-fund-netvalue-tab">历史净值</a>
                                                            <div class="tab-tool JS-fund-netvalue-select-un">
                                                                    <select class="select">
                                                                            <option value='1'>1个月</option>
                                                                            <option value='3'>3个月</option>
                                                                            <option value='6'>半年</option>
                                                                            <option value='12'>一年</option>
                                                                    </select>
                                                            </div>
                                                            <div class="tab-tool JS-fund-netvalue-select-his" style="display:none;">
                                                                    <select class="select">
                                                                            <option value='1'>1个月</option>
                                                                            <option value='3'>3个月</option>
                                                                            <option value='6'>半年</option>
                                                                            <option value='12'>一年</option>
                                                                    </select>
                                                            </div>
                                                    </ul>
                                            </div>
                                            <div class="box-body">
                                                    <div class="swiper-container swiper-tab">
                                                            <div class="swiper-wrapper">
                                                                    <div class="swiper-slide first-child">
                                                                            <div id="chart1" style="min-height: 280px;"></div>
                                                                    </div>
                                                                    <div class="swiper-slide">
                                                                            <div id="chart3" style="min-height: 280px;"></div>
                                                                    </div>
                                                            </div>
                                                    </div>

                                            </div>
                                        <?php endif;?>
                                    </div>

                            </div>
                            <div class="col-5">
                                    <div class="box-show JS-fund-earning" style="margin-top:46px;">
                                        <?php if($fundInfo['isCurrency']):?>
                                            <div class="show-row">
                                                    <div class="show-td">
                                                            <span class="td-title">万份收益(元）</span>
                                                            <p class="td-txt" style="font-size: 38px;">{$fundInfo.dailyProfit}</p>
                                                    </div>
                                            </div>
                                            <div class="show-row">
                                                    <div class="show-td">
                                                            <span class="td-title">七日年化收益率（%）</span>
                                                            <p class="td-txt">
                                                                {$fundInfo.latestWeeklyYield}
                                                            </p>
                                                    </div>
                                                    <div class="show-td">
                                                            <span class="td-title">单位净值</span>
                                                            <p class="td-txt JS-fund-earning-nv">{$fundInfo.unitNV|number_format=###,2}</p>
                                                    </div>
                                            </div>
                                            <div class="show-row">
                                                    <div class="show-td">
                                                        <a href="{$fundInfo.buyUrl}" target="_blank" class="fund_buy_btn">立即申购</a>
                                                    </div>
                                            </div>
                                        <?php else:?>
                                            <div class="show-row">
                                                    <div class="show-td">
                                                            <span class="td-title">累计净值</span>
                                                            <p class="td-txt" style="font-size: 38px;">{$fundInfo.aunitNV}</p>
                                                    </div>
                                            </div>
                                            <div class="show-row">
                                                    <div class="show-td">
                                                            <span class="td-title">单位净值</span>
                                                            <p class="td-txt JS-fund-earning-nv">{$fundInfo.unitNV|number_format=###,2}</p>
                                                    </div>
                                                    <div class="show-td">
                                                            <span class="td-title">日涨幅</span>
                                                            <p class="td-txt JS-fund-earning-daily">
                                                                {$fundInfo.dailyGrowth}
                                                            </p>
                                                    </div>
                                            </div>
                                            <div class="show-row">
                                                    <div class="show-td">
                                                        <a href="{$fundInfo.buyUrl}" target="_blank" class="fund_buy_btn">立即申购</a>
                                                    </div>
                                            </div>
                                        <?php endif;?>
                                    </div>
                            </div>
                    </div>

                    <div class="box box-tab mt20" id="fund-situation">
                            <div class="box-header">
                                    <ul class="nav-tab tab2">
                                            <a href="#" class="active font-lger">基金概况</a>
                                            <a href="#" class="font-lger fund-divid">基金分红</a>
                                            <a href="#" class="font-lger fund-split">基金拆分</a>
                                            <a href="#" class="font-lger fund-charge">申购费率</a>
                                    </ul>
                            </div>
                            <div class="box-body">
                                    <div class="swiper-container swiper-tab">
                                            <div class="swiper-wrapper">
                                                    <div class="swiper-slide first-child">
                                                            <div class="content-tab p0">
                                                                    <div class="">
                                                                            <table class="ui-table ui-table-show">
                                                                                    <tr>
                                                                                            <td class="td-title">基金名称</td>
                                                                                            <td class='text-left'>{$fundInfo.title}</td>
                                                                                            <td class="td-title">基金代码</td>
                                                                                            <td  class='text-left' id='JS-fund-code' data-inner-code="{$fundInfo.code}" data-is-currency="{$fundInfo.isCurrency}">{$fundInfo.securityCode}</td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                            <td class="td-title">基金设立规模</td>
                                                                                            <td class='text-left'>{$fundInfo.fundSize}亿份</td>
                                                                                            <td class="td-title">设立日期</td>
                                                                                            <td class='text-left'>{$fundInfo.establishTimeStr}</td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                            <td class="td-title">基金经理</td>
                                                                                            <td class='text-left'>{$fundInfo.manager|default='--'}</td>
                                                                                            <td class="td-title">基金投资目标</td>
                                                                                            <td class='text-left'>{$fundInfo.investTarget}</td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                            <td class="td-title">收益分配原则</td>
                                                                                            <td class='text-left'>{$fundInfo.profitDistributionRule}</td>
                                                                                            <td class="td-title">投资风格</td>
                                                                                            <td class='text-left'>{$fundInfo.investStyle}</td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                            <td class="td-title">基金管理人</td>
                                                                                            <td class='text-left'>{$fundInfo.InvestAdvisor}</td>
                                                                                            <td class="td-title">基金托管人</td>
                                                                                            <td class='text-left'>{$fundInfo.trusteeName}</td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                            <td class="td-title">投资类型</td>
                                                                                            <td class='text-left'>{$fundInfo.investmentType}</td>
                                                                                            <td class="td-title">最新基金规模</td>
                                                                                            <td class='text-left'>{$fundInfo.newestFundSize}亿份</td>
                                                                                    </tr>
                                                                            </table>
                                                                    </div>
                                                            </div>
                                                    </div>
                                                    <div class="swiper-slide">
                                                            <div class="content-tab p0">
                                                                    <div>
                                                                            <table class="ui-table ui-table2 JS-fund-divid-con">
                                                                                <thead>
                                                                                    <tr>
                                                                                            <th>权益登记日</th>
                                                                                            <th>发放日</th>
                                                                                            <th>实派比例</th>
                                                                                            <th>除息日</th>
                                                                                            <th>红利再投资日</th>
                                                                                            <th>分红年度</th>
                                                                                    </tr>
                                                                                </thead>
                                                                                <tbody>
                                                                                </tbody>
                                                                            </table>
                                                                            <div class='JS-fund-divid-loading'></div>
                                                                    </div>
                                                            </div>
                                                    </div>

                                                    <div class="swiper-slide">
                                                            <div class="content-tab p0">
                                                                    <div>
                                                                            <table class="ui-table ui-table2  JS-fund-split-con">
                                                                                <thead>
                                                                                    <tr>
                                                                                            <th>拆分折算日</th>
                                                                                            <th>拆分类型</th>
                                                                                            <th>拆分折算（每份）</th>
                                                                                    </tr>
                                                                                </thead>
                                                                                <tbody>
                                                                                </tbody>
                                                                            </table>
                                                                            <div class='JS-fund-split-loading'></div>
                                                                    </div>
                                                            </div>
                                                    </div>

                                                    <div class="swiper-slide">
                                                            <div class="content-tab p0">
                                                                    <div>
                                                                            <table class="ui-table ui-table2  JS-fund-charge-con">
                                                                                <thead>
                                                                                    <tr>
                                                                                            <th>序号</th>
                                                                                            <th>一般费率</th>
                                                                                            <th>费率类别</th>
                                                                                            <th>费率金额</th>
                                                                                            <th>持有期限</th>
                                                                                    </tr>
                                                                                </thead>
                                                                                <tbody>
                                                                                </tbody>
                                                                            </table>
                                                                            <table class="ui-table ui-table2 JS-fund-manage-rate" style='display:none'>
                                                                                <thead>
                                                                                    <tr><th>托管费率</th><th>管理费率</th><th>服务费率</th></tr>
                                                                                </thead>
                                                                                <tbody>
                                                                                    
                                                                                </tbody>
                                                                            </table>
                                                                            <div class='JS-fund-charge-loading'></div>
                                                                    </div>
                                                            </div>
                                                    </div>

                                            </div>
                                    </div>

                            </div>
                    </div>

                    <div class="row mt20">
                            <div class="col-6">
                                    <div class="box box-tab" id="asset">
                                            <div class="box-header">
                                                    <ul class="nav-tab tab2">
                                                            <a href="#" class="active font-lger JS-fund-asset-allocation">资产配置</a>
                                                            <a href="#" class="font-lger JS-fund-industry">行业投资</a>
                                                    </ul>
                                            </div>
                                            <div class="box-body">
                                                    <div class="swiper-container swiper-tab">
                                                            <div class="swiper-wrapper">
                                                                    <div class="swiper-slide first-child">
                                                                            <div id="JS-fund-asset-chart" style="min-height: 300px;"> </div>
                                                                    </div>
                                                                    <div class="swiper-slide">
                                                                            <div id="JS-fund-industry-chart" style="min-height: 300px;"> </div>
                                                                    </div>
                                                            </div>
                                                    </div>
                                            </div>
                                    </div>
                            </div>
                            <div class="col-6">
                                    <div class="box box-tab">
                                            <div class="box-header">
                                                    <ul class="nav-tab tab2">
                                                            <a href="javascript:void(0)" class="active font-lger JS-fund-notice">基金公告</a>
                                                    </ul>
                                            </div>
                                            <div class="box-body">
                                                    <div class="swiper-container swiper-tab">
                                                            <div class="swiper-wrapper">
                                                                    <div class="swiper-slide first-child">
                                                                            <ul class="list-notice JS-fund-notice-con" style="min-height: 300px;">
                                                                            </ul>
                                                                    </div>
                                                            </div>
                                                    </div>
                                            </div>
                                    </div>
                            </div>
                    </div>

                    <div class="box box-tab mt20">
                            <div class="box-header">
                                    <ul class="nav-tab tab2">
                                            <a href="javascript:void(0);" class="active font-lger JS-fund-manager">基金经理</a>
                                    </ul>
                            </div>
                            <div class="box-body">
                                    <div class="swiper-container swiper-tab">
                                            <div class="swiper-wrapper">
                                                    <div class="swiper-slide first-child">
                                                            <div class="content-tab p0">
                                                                    <div class="JS-fund-manager-detail">
                                                                            <div class="person-header">
                                                                                    <span class="person-user">--</span>
                                                                                    (证券从业年限：<span class="JS-fund-manager-expires">--</span>年)&nbsp;
                                                                                    <span class="highlight JS-fund-manager-info">
                                                                                        当前管理的基金：<span>--</span>
                                                                                    </span>
                                                                            </div>
                                                                            <div class="person-msg JS-fund-manager-background">

                                                                            </div>
                                                                            <div class="header-title font-lger">历任情况</div>
                                                                            <table class="ui-table ui-table2 JS-fund-manager-history">
                                                                                <thead>
                                                                                    <tr>
                                                                                            <th>序号</th>
                                                                                            <th>起始时间</th>
                                                                                            <th>结束时间</th>
                                                                                            <th>基金名称</th>
                                                                                            <th>基金类型</th>
                                                                                            <th>任职期限（天）</th>
                                                                                            <th>任期回报（%）</th>
                                                                                    </tr>
                                                                                </thead>
                                                                                <tbody></tbody>
                                                                            </table>
                                                                            <div class='JS-fund-manager-loading'></div>
                                                                    </div>


                                                            </div>
                                                    </div>
                                            </div>
                                    </div>
                            </div>
                    </div>
            </div>
    </div>
</block>
